<script setup>
import leftMenu from "../components/leftMenu.vue"
import topNavigation from "../components/topNavigation.vue"
</script>

<template>
  <div class="home">
    <aside>
      <leftMenu></leftMenu>
    </aside>
    <div class="layout">
          <div class="home-top">
            <div class="user">
              <topNavigation></topNavigation>
            </div>
          </div>
      <main>
        <RouterView></RouterView>
      </main>
    </div>
  </div>
</template>
<style scoped>
.home{
  display: flex;
  height: 100%;
}
aside{
  flex-basis: 260px;
  background-color: #fff;
  }
.layout{
  position: relative;
  display: flex;
  flex-direction: column;
  flex: auto;
}
.home-top{
  position: relative;
  padding: 0 25px;
  height: 64px;
  font-weight: 700;
}
main{
  flex-basis:70%;
  margin: 0 20px;
}
.user{
  
}
</style>
